<!--
 * @Author: xugang
 * @Date: 2022-02-15 17:38:27
 * @LastEditTime: 2022-04-22 10:51:28
 * @LastEditors: Xugang
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \demo\src\views\Home.vue
-->
<template>
  <div class="home">
    <el-button @click="$router.push('dialog-form')" type="primary"
      >表单</el-button
    >
    <el-button @click="$router.push('dialog')" type="primary">对话框</el-button>
    <el-button @click="$router.push('my-table')" type="primary">表格</el-button>
    <el-button @click="$router.push('page-dialog')" type="primary"
      >带分页的弹框</el-button
    >
    <el-button @click="$router.push('invitation')" type="primary"
      >朱学良帖子</el-button
    >
    <el-button @click="$router.push('table')" type="primary"
      >朱学良table</el-button
    >
    <el-button @click="$router.push('step-dialog')" type="primary"
      >步骤弹窗</el-button
    >
    <el-button @click="$router.push('map-dialog')" type="primary"
      >地图弹窗</el-button
    >
    <el-button @click="$router.push('table-plus')" type="primary"
      >章组件</el-button
    >
    <el-button @click="$router.push('calendar-dialog')" type="primary"
      >日历弹窗</el-button
    >
    <el-button @click="$router.push('vue-quill-editor')" type="primary"
      >富文本</el-button
    >
    <el-button @click="$router.push('my-calendar')" type="primary"
      >自己日历弹窗</el-button
    >
    <el-button @click="$router.push('json2excel')" type="primary"
      >json转换excel下载</el-button
    >
    <el-button @click="$router.push('more-table')" type="primary"
      >弹窗多个表格</el-button
    >
    <el-button @click="$router.push('calendar')" type="primary">日历</el-button>
    <el-button @click="$router.push('bigScreenTableComponent')" type="primary">Big screen Table component</el-button>
    <el-button @click="$router.push('recursion-components')" type="primary">递归组件</el-button>

    
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.el-button {
  margin: 20px;
}
</style>
